<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 需求： 第一次 aaa 第二次 aaa + '111' ,第三次 再次拼接 '222'

        new Promise((resolve,reject) =>{
            setTimeout(() =>{
                // 执行代码 
                resolve('aaa')
            },1000)
        }).then((data) => {
             console.log(data,'第一次10行代码');
             return new Promise((resolve,reject) => {
                resolve(data + '111');
             })
        }).then((value) => {
            console.log(value,'第二次10行代码');
            return new Promise((resolve,reject) => {
                resolve(value + '222')
            })
        }).then((data) => {
            console.log(data,"第三次10行代码");
            
        })

        // 上面的操作可以简写： 
        new Promise((resolve,reject) =>{
            setTimeout(() =>{
                // 执行代码 
                resolve('aaa')
            },1000)
        }).then((data) => {
             console.log(data,'第一次10行代码');
             return Promise.resolve(data +'111')
        }).then((value) => {
            console.log(value,'第二次10行代码');
            return Promise.reject('err code！！！')
        }).then((data) => {
            console.log(data,"第三次10行代码");
        }).catch(err => {
            console.log(err);
        })

        // 上面的代码还可以简写：
        new Promise((resolve,reject) =>{
            setTimeout(() =>{
                // 执行代码 
                resolve('aaa')
            },1000)
        }).then((data) => {
             console.log(data,'第一次10行代码');
             return data + '111'
        }).then((value) => {
            console.log(value,'第二次10行代码');
            return value + '222'
        }).then((data) => {
            console.log(data,"第三次10行代码");
        }).catch(err => {
            console.log(err);
        })
    </script>
</body>
</html>